/* CSS Document */
body {  
	 background-image:url('Images/fondo.jpg');
	 background-attachment: fixed;
	 background-position: right bottom;
         /*margin: 100px 40px 10px 70px;*/
}
.centrar{
    text-align:center;
}
.derecha{
    text-align:right;
} 
.izquierda{
    text-align:left;
} 
#box3 {
    position:relative; 
    float: right;
    margin-right: 0%;
    margin-top: 2%;
}
/*Crearemos el marco central*/
#marco{
   background-image:url('Images/marco.jpg');
   background-position:center;
   /*background-repeat:no-repeat;*/
   padding:70px 40px 70px 70px;
   /*border-top:4px solid #FF80C0;
   border-bottom:4px solid #FF80C0;
   border-right:4px solid #FF80C0;
   border-left:4px solid #FF80C0;*/
   border: 2px ridge;
   text-align:left;
   width: 425px;
   height: 50%;
   margin-left:5%;
   float: left; 
   margin-top:5%;
}

#marcol{
   /*padding:70px 40px 70px 70px;
   border-top:4px solid #FF80C0;
   border-bottom:4px solid #FF80C0;
   border-right:4px solid #FF80C0;
   border-left:4px solid #FF80C0;*/
   /*border: 2px ridge;*/
   text-align:left;
   width: 425px;
   margin-right:5%;
   float:right; 
   margin-top:5%;
}

.desplaza-drcha{
  float: right;
}

.desplaza-izquierda{
  float: left;
}

.letra-marco{
    text-align:center;
    font-family:fantasy;
    font-weight:bold;
    font-size:medium;
    font-style:italic;
} 

p{
  margin: 5px 50px 5px 50px;
  font-family:inherit;
  letter-spacing:1px;
  font-weight:bolder;
  color:#FF8000;
}
h1{
  font:italic bold 30px fantasy;
  letter-spacing:1px;
  font-style:oblique;
  color:#FF8000;
}

h2{
  font:italic bold 30px fantasy;
  letter-spacing:1px;
  font-style:oblique;
  color:white;
}

#picture {
    float:left;
    margin-top:auto;
    margin-left:50%;
}
.contenedor{
    position:relative;
    height:auto;
    text-align:center;
}
.contenedor-objeto{
}

ul#list-nav {
text-align: center;
list-style:none;
margin:20px;
margin-left:30%;
margin-right:25%;
padding:0;
width:525px
}

ul#list-nav li {
display:inline;
text-align: center;
}

ul#list-nav li a {
text-decoration:none;
padding:5px 0;
width:100px;
background-image:url('Images/container.jpg');
color:#eee;
float:left;
text-align:center;
border-left:1px solid #fff;
}

ul#list-nav li a:hover {
background:#a2b3a1;
/*size:landscape;*/
background-repeat:no-repeat;
text-align:center;
color:#000
}
ul#list-nav li img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%;
}




a:link {
  color: white;
}
a:visited{
  color: red;
} 
a:hover{
  color: blue;
  font-style: italic;
}

#boton {
 position:absolute;
 bottom:0;
 right:0;
 width:200px;
}

caption {
	padding: 0 0 5px 0;
	width: 700px;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}
th {
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 1px;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(Images/bg_header.jpg) no-repeat;
}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}


td.alt {
	background: #F5FAFA;
	color: #797268;
}

th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(Images/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(Images/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}

/*Estilos parte de la hoja estilo.css*/


#cabecera{
	margin-top: 0.8%;
	width:100%; 
	height:8%;
	background-color: #4840AB;
	text-align: center; 
	font-family: Times New Roman,Times,serif; 
	font-size: 1.6em; 
	font-style: oblique; 
	font-weight: bold; 
	line-height: 1.4em; 
	color: white;
}

#logo_cabecera{
	position: absolute;
	top: 1px;
	left: 15px;
	width: 10%; 
	z-index: 1;
}

.estilo_marco{
	border: 2px ridge ;
	border-radius:6px;
}

.estilo_boton{
	color:rgb(255, 255, 255);
	text-shadow: 0pt -1px 0pt rgba(0,0,0,0.25);
	background-color: rgb(1, 154, 210);
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(rgb(13,186,85), rgb(9,139,63));
	border-color: rgb(5, 126, 208);
	margin-left: 2px;
}

.text_boton{
	padding: 5px, 7px;
	/*font-size: 14px;*/
	font-weight: bold;
	line-height: 17px;
	/*height: 24px;	*/box
	border: 1px solid rgb(13,186,85);
}

.estilo_boton:hover{
	background-color: rgb(9, 110, 179);
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(rgb(13,186,85), rgb(6,104,47));
	border-color: rgb(6,104,47);
}

.estilo_input{
	border-radius: 2px;
}

.text_input{
	height: 20px;
	border: 1px solid rgb(204,204,204);
}

.estilo_input:focus{
	box-shadow: 0pt 1px 3px rgba(6,104,47,0.05) inset, 0pt 0pt 5px rgba(6,104,47, 4);
	border: 1px solid rgb(13,186,85);
}
